// Fonts
//@import url('https://fonts.googleapis.com/css?family=Nunito');

// Variables
@import 'variables';

// Bootstrap
@import '~bootstrap/scss/bootstrap';
@import '~bootstrap-vue/src/index';

.navbar {
  .avatar {
    margin: -$spacer/2 $spacer/4;
    height: $navbar-brand-height;
    width: $navbar-brand-height;
  }
}

.slide-fade-enter-active {
  transition: all .2s ease-out;
  transition-delay: .2s;
}
.slide-fade-leave-active {
  transition: all .2s ease-in;
}
.slide-fade-enter {
  /* .slide-fade-leave-active for below version 2.1.8 */
  transform: translateX(50px);
  opacity: 0;
}
.slide-fade-leave-to {
  /* .slide-fade-leave-active for below version 2.1.8 */
  transform: translateX(-50px);
  opacity: 0;
}
